<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用 layui</title>
  <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
 
<!-- 你的 HTML 代码 -->
 
<script src="./layui/layui.js"></script>
<script>
//layui.use()加载组件
layui.use([ 'form'], function(){
  var form = layui.form;
  
  //layer.msg弹出消息框
  //layer.msg('操作成功');
  
   layer.open({
	  type: 1,
	  title:'你吃早餐了吗？',
	  area: ['400px', '300px'],
	  offset: 'rb',
	  btn: ['是的', '好的', '取消'],
	  yes: function(index, layero){
		    //按钮【按钮一】的回调
		    layer.msg('是的')
		  }
		  ,btn2: function(index, layero){
		    //按钮【按钮二】的回调
		    //return false 开启该代码可禁止点击该按钮关闭
		    layer.msg('好的')
		    return false
		  }
		  ,btn3: function(index, layero){
		    //按钮【按钮三】的回调
		    //return false 开启该代码可禁止点击该按钮关闭
		    layer.msg('取消')
		    return false
		  }
		  ,cancel: function(){
		    //右上角关闭回调
		    //return false 开启该代码可禁止点击该按钮关闭
		    layer.msg('已关闭')
		  },
		  closeBtn:2,
		  anim:6,
	  content: '今天天气很好' //这里content是一个普通的String
	});
 // layer.msg('不开心。。', {icon: 5});//icon可以选择0-6任意数字
 
   //layer.alert('只想简单的提示');
 
/*    layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){
	   //do something
	   layer.close(index);
	 }); */
	 
	 
   var index = layer.load();
 
 
}) ;


	
</script> 
</body>
</html>